<script setup lang="ts">
  import { onMounted } from 'vue'
  import Chart from './chart/index'
  defineOptions({
    name: 'Drop',
    inheritAttrs: false
  })
  onMounted(() => {
    const canvas = document.getElementById('drop') as HTMLElement
    const chart = new Chart(canvas)
    chart.init()
    chart.setOption({
      type: 'bar',
      data: [
        {
          value: 50,
          label: 'cs1'
        },
        {
          value: 100,
          label: 'cs2'
        }
      ]
    })
  })
</script>
<template>
  <div id="drop" class="w-full h-full overflow-hidden"></div>
</template>
<style scoped></style>
